﻿<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="TravelStar - Tour, Travel, Travel Agency Template">
    <meta name="keywords" content="Tour, Travel, Travel Agency Template">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TravelStar - Tour, Travel & Travel Agency Template</title>
    <!-- Google Fonts Includes -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
    <!-- Favi icon -->
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
    <!-- bootstrap v3.3.6 css -->
    <link rel="stylesheet" href="css/assets/bootstrap.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="css/assets/animate.css">
    <!-- Button Hover animate css -->
    <link rel="stylesheet" href="css/assets/hover-min.css">
    <!-- jquery-ui.min css -->
    <link rel="stylesheet" href="css/assets/jquery-ui.min.css">
    <!-- meanmenu css -->
    <link rel="stylesheet" href="css/assets/meanmenu.min.css">
    <!-- owl.carousel css -->
    <link rel="stylesheet" href="css/assets/owl.carousel.min.css">
    <!-- slick css -->
    <link rel="stylesheet" href="css/assets/slick.css">
    <!-- chosen.min-->
    <link rel="stylesheet" href="css/assets/jquery-customselect.css">
    <!-- font-awesome css -->
    <link rel="stylesheet" href="css/assets/font-awesome.min.css">
    <!-- magnific Css -->
    <link rel="stylesheet" href="css/assets/magnific-popup.css">
    <!-- Preloader css -->
    <link rel="stylesheet" href="css/assets/preloader.css"> 
    <!-- custome css -->
    <link rel="stylesheet" href="css/style.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/master.css">
    <!-- modernizr css -->
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>   
<div id="loader-wrapper">
    <div id="loader"></div>
    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>
</div>
<!-- header area start here -->
<header>
    <div class="header_top_area">
        <div class="container">
            <div class="row">
                <div class="col-12 col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="contact_wrapper_top">
                        <ul class="header_top_contact">
                            <li><i class="fa fa-phone" aria-hidden="true"></i>+123-456-7890</li>
                            <li><i class="fa fa-envelope-o" aria-hidden="true"></i>info@yourcompany.com</li>
                        </ul>
                        <div class="book-btn">
                            <a href="#">Book Now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- header top end -->

    <div class="main_nav">
        <div class="container">
            <div class="row">
                <div class="col-md-2 col-sm-2 col-xs-12 tap-v-responsive">
                    <div class="logo-area">
                        <a href="index.html"><img src="images/logo.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-10">
                    <nav>
                          <ul class="main-menu text-right">
                            <li class="active"><a href="index.html">主页</a>                          
                            </li>
							
							<li><a href="Personal_information.html">个人信息</a>
                            </li>
							
                            <li><a href="Recommend.html">热门推荐</a>
                                <ul class="dropdown">
                                    <li><a href="hotel-version-one.html">热门城市</a></li>
                                    <li><a href="hotel-version-two.html">火爆景点</a></li>
                                    <li><a href="hotel-details.html">猜你喜欢</a></li>
                                </ul>
                            </li>
                         
                            <li><a href="Wish_list.html">心愿清单</a>
							</li>
							
                            <li><a href="Personality_customization.html">个性定制</a>
							</li>
							
                            <li><a href="contact.html">电子导游</a></li>
                        </ul>
                    </nav>
                </div> <!-- main menu end here -->
            </div>
        </div>
    </div> <!-- header-bottom area end here -->
</header> <!-- header area end here -->
    <!-- blog breadcrumb version one strat here -->
    <section class="breadcrumb-blog-version-one">
        <div class="single-bredcurms" style="background-image:url('images/bercums/Hotels-Version-02.jpg');">
         <div class="container">
             <div class="row">
                 <div class="col-sm-12">
                   <div class="bredcrums-content">
                   <h2>Hotels</h2>
                   <ul>
                    <li><a href="index.html">Home</a></li>
                    <li class="active"><a href="hotel-version-one.html">Hotel</a></li>
                </ul>
                </div>
                 </div>
             </div>
         </div>
        </div>
    </section><!-- blog breadcrumb version one end here -->
<title>故宫攻略,北京故宫门票_地址,故宫游览攻略</title>
    <meta name="renderer" content="webkit">
<body style="position: relative;">
<h1 align="center">故宫</h1>
<div class="row row-picture row-bg">
    <div class="wrapper">
        <a class="photo" data-cs-p="相册" href=" "target="_blank">
            <div class="bd">
                <div class="pic-big" ><img src="img/5.1.jpeg" width="690" height="370" style=" position:relative;margin: auto;left: 300px"></div>
                <div class="pic-small" style="position: absolute;left: 1000px;top: 250px"><img src="img/5.2.jpeg" width="305" height="183" align="center"></div>
                <div class="pic-small" style="position: absolute;left: 1000px;top: 60px;"><img src="img/5.3.png" width="305" height="183"></div>
            </div>
        </a>
    </div>
</div>
<!--summariy-->
<div data-cs-p="概况" style="position:relative;left:25%" >
    <div>
        ·又名紫禁城，是中国乃至世界上保存最完整，规模最大的木质结构古建筑群，被誉为“世界五大宫之首”。<br>
        ·内廷以乾清宫、交泰殿、坤宁宫后三宫为中心，以及东西两侧的东六宫和西六宫，是封建帝王与后妃居住之所，也就是俗称的“三宫六院”。<br>
        ·故宫内珍藏有大量珍贵文物，据统计有上百万件，占全国文物总数的六分之一。钟表馆每天11点和14点有钟表演示，不可错过。<br>
        ·故宫需要从南到北参观，午门是唯一的入口，出口是东华门和神武门。
    </div>
</div>
<div>
    <ul class="baseinfo clearfix"style="position: relative;left: 23%">
        <li class="tel">
            电话:
            010-85007938
        </li>
        <li class="item-site">
            网址
            <a href="">http://www.dpm.org.cn/</a>
        </li>
    </ul>
</div>
<div style="position: relative;left: 23%">
    <br>
    <p>交通:</p>
    <p >
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公交：乘坐1路、2路、52路、59路、82路、99路、120路、126路、观光1线、专2路在“天安门东”站下车然后步行约900米到达午门。 <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;地铁：乘坐地铁1号线在“天安门东”站下车，步行约900米，即可从午门进入故宫。（故宫博物院的南门）<br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;故宫不设停车场，周边的公共停车场也较远，故不建议驾车前来。
    </p>
    <dl>
        <dt>门票:</dt>
        <dd>
            门票:成人票60人民币/学生票20人民币；内部景点:珍宝馆10人民币/钟表馆10人民币 (4月1日-10月31日 周二-周日)<br>
            门票:成人票40人民币/学生票20人民币；内部景点:珍宝馆10人民币/钟表馆10人民币 (11月1日-次年3月31日 周二-周日)<br>
            半票:60岁及以上老年人、低保户，凭有效证件入园。<br>
            免票:离休干部凭离休证、1.2米以下儿童、残疾人、随团导游，凭有效证件入园。
    </dl>
    <dl>
        <dt>开放时间：<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;08:30-17:00；停止售票时间:16:00；停止入场时间:16:10 (4月1日-10月31日 周二-周日)<br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  08:30-16:30；停止售票时间:15:30；停止入场时间:15:40 (11月1日-次年3月31日 周二-周日)</dt>
        <br>
        </dd>
    </dl>
    <p style="font-size: xx-large">内部景点</p>
    <br>
    <div>
        <div style="width: 200px;height: 200px;position: absolute;">
            <img src="img/5.jpeg">
            <a href="#"><p style="font-family:华文楷体;font-size: 30px;">角楼</p></a>
        </div>
        <div style="position:relative;width: 200px;height: 200px;left: 300px">
            <img src="img/6.png">
            <a href="#"><p style="font-family:华文楷体;font-size: 30px;">午门</p></a>
        </div>
        <div style="position: relative;width: 200px;height: 200px;left: 600px;top: -200px;">
            <img src="img/7.jpeg">
            <a href="#"><p style="font-family:华文楷体;font-size: 30px;">御花园</p></a>
        </div>
    </div>
</body>
</html>

            <div class="col-12 col-sm-12 col-md-4 col-lg-4 blog_wrapper_right ">
                <div class="blog-right-items">

                    <div class="search_blog widget_single">
                        <div class="form-full-box">
                            <form>
                                <div class="form-group">
                                    <input class="form-control" name="name" placeholder="Write Your Name" required type="text">
                                    <button class="register-btn" type="submit"><i class="fa fa-search"></i></button>
                                </div>
                            </form>
                        </div>
                    </div>


                    <div class="recent_post_wrapper widget_single">
                        <div class="items-title">
                            <h3 class="title">Recent Post</h3>
                        </div>
                        <div class="single-post">
                            <div class="recent_img">
                                 <a href="" title=""><img src="images/blog/f4.jpg" alt="" class="img-fluid"></a>
                            </div>
                            <div class="post_title">
                                <a href="" title="">Research of Learn training process</a>
                                <div class="post-date">
                                    <span>May 29, 2019</span>
                                </div>
                            </div>
                        </div>

                        <div class="single-post">
                            <div class="recent_img">
                                <a href="" title=""><img src="images/blog/f5.jpg" alt="" class="img-fluid"></a>
                            </div>
                            <div class="post_title">
                                <a href="" title="">How to Become Master In CSS within a Week.</a>
                                <div class="post-date">
                                    <span>25 August, 2019</span>
                                </div>
                            </div>
                        </div>

                        <div class="single-post">
                            <div class="recent_img">
                                <a href="" title=""><img src="images/blog/f6.jpg" alt="" class="img-fluid"></a>
                            </div>
                            <div class="post_title">
                                <a href="" title="">Students work together to solve a problem.</a>
                                <div class="post-date">
                                    <span>25 August, 2019</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="archives widget_single">
                        <div class="items-title">
                            <h3 class="title">All Categories</h3>
                        </div>
                        <div class="archives-items">
                            <ul class="list-unstyled">
                                <li><a href="" title=""><span>Art & Design</span> <span>02</span></a> </li>
                                <li><a href="" title=""><span>Busness</span><span>05</span></a></li>
                                <li><a href="" title=""><span>IT & Software</span><span>05</span></a></li>
                                <li><a href="" title=""><span>Languages</span><span>05</span></a></li>
                                <li><a href="" title=""><span>Programming</span><span>05</span></a></li>                                
                                <li><a href="" title=""><span>Technology</span><span>05</span></a></li>
                            </ul>
                        </div>
                    </div>  

                    <div class="popular_tags widget_single">
                        <div class="items-title">
                            <h3 class="title">Popular Tags</h3>
                        </div>
                        <div class="tags-items">
                            <ul class="list-unstyled">
                                <li><a href="" title="">Travel</a></li>
                                <li><a href="" title="">Amazing</a></li>
                                <li><a href="" title="">Clean</a></li>
                                <li><a href="" title="">Responsive</a></li>
                                <li><a href="" title="">Room</a></li>
                                <li><a href="" title="">Travel Tips</a></li>
                                <li><a href="" title="">Tour</a></li>
                                <li><a href="" title="">Design</a></li>
                            </ul>
                        </div>
                    </div>  
                </div>
            </div><!-- ./ End  Blog Right Wrapper-->
            
        </div>
    </div> 
</section><!-- ./ End  Blog Wrapper-->


<footer class="footer-area">
    <div class="container">
        <div class="row">
            <!-- footer left -->
            <div class="col-md-3 col-sm-6">
                <div class="single-footer">
                    <div class="footer-title">
                        <h3><a href="#"><img src="images/logo.png" alt=""></a></h3>
                    </div>
                    <div class="footer-left">
                        <div class="footer-logo">
                            <p>Lorem ipsum dolor sit amet conset ctetur adipiscin elit Etiam at ipsum at ligula vestibulum sodales.</p>
                        </div>
                        <ul class="footer-contact">
                            <li><img class="map" src="images/icon/map.png" alt="">Seventh Avenue New York</li>
                            <li><img class="map" src="images/icon/phone.png" alt="">+123-456-7890</li>
                            <li><img class="map" src="images/icon/gmail.png" alt="">info@yourcompany.com</li>
                        </ul>
                    </div>
                </div>
            </div> <!-- footer left -->

            <!-- footer destination -->
            <div class="col-md-2 col-sm-6">
                <div class="single-footer">
                    <div class="footer-title">
                        <h3>Quick Link</h3>
                    </div>
                    <ul class="list-unstyled">
                        <li><a href="" title="">Home</a></li>
                        <li><a href="" title="">Package List</a></li>
                        <li><a href="" title="">Hotels</a></li>
                        <li><a href="" title="">Flights</a></li>
                        <li><a href="" title="">Blog</a></li>
                        <li><a href="" title="">Pages</a></li>
                        <li><a href="" title="">Contact</a></li>
                    </ul>
                </div>
            </div>  <!-- footer destination -->

            <div class="col-md-4 col-sm-6">
                <div class="single-footer">
                    <div class="single-recent-post">
                        <div class="footer-title">
                            <h3>Recent News</h3>
                        </div>
                        <ul class="recent-post">
                            <li>
                                <a href="#">
                                    <div class="post-thum">
                                        <img src="images/blog/f4.jpg" alt="" class="img-rounded">
                                    </div>
                                    <div class="post-content">
                                        <p>A Clean Website Gives More Experience To The Visitors.
                                        </p>
                                        <span>12 July, 2019</span>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="post-thum">
                                        <img src="images/blog/f5.jpg" alt="" class="img-rounded">
                                    </div>
                                    <div class="post-content">
                                        <p>A Clean Website Gives More Experience To The Visitors.
                                        </p>
                                        <span>12 July, 2019</span>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="post-thum">
                                        <img src="images/blog/f6.jpg" alt="" class="img-rounded">
                                    </div>
                                    <div class="post-content">
                                        <p>A Clean Website Gives More Experience To The Visitors.
                                        </p>
                                        <span>12 July, 2019</span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>  <!-- footer latest news -->

            <!-- footer contact -->
            <div class="col-md-3 col-sm-6 f-phone-responsive">
                <div class="single-footer">
                    <div class="footer-title">
                        <h3>Quick Contact</h3>
                    </div>
                    <div class="footer-contact-form">
                        <form action="#">
                            <ul class="footer-form-element">
                                <li>
                                    <input type="text" name="email" id="email" placeholder="" value="Email Address" onblur="if(this.value==''){this.value='Email Address'}" onfocus="if(this.value=='Email Address'){this.value=''}">
                                </li>
                                <li class="text_area">
                                    <textarea name="message" id="message" cols="30" rows="10" placeholder="Message"></textarea>
                                    <button type="submit">Send</button>
                                </li>
                                <li>
                                    
                                </li>
                            </ul>
                        </form>
                    </div>
                    <div class="footer-social-media">
                        <div class="social-footer-title">
                            <h3>Follow Us</h3>
                        </div>
                        <ul class="footer-social-link">
                            <li class="facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li class="linkedin"><a href="#"><i class="fa fa-linkedin"></i></a></li>
                            <li class="gplus"><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            <li class="youtube"><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>  <!-- footer contact -->
        </div>
    </div>
    <div class="footer_bottom_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12">
                    <div class="copy_right_wrapper">
                        <div class="copyright">
                            <p>Copyright &copy; 2019 Travelstar By <a href="http://www.17sucai.com/">Ecology</a> Theme</p>
                        </div>
                        <ul class="payicon pull-right">
                            <li>We Accept : </li>
                            <li><a href="" title=""><img src="images/payicon01.png" alt=""></a></li>
                            <li><a href="" title=""><img src="images/payicon02.png" alt=""></a></li>
                            <li><a href="" title=""><img src="images/payicon03.png" alt=""></a></li>
                            <li><a href="" title=""><img src="images/payicon04.png" alt=""></a></li>
                            <li><a href="" title=""><img src="images/payicon05.png" alt=""></a></li>
                            <li><a href="" title=""><img src="images/payicon06.png" alt=""></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer> <!-- end footer -->

<div class="to-top pos-rtive">
    <a href="#"><i class = "fa fa-angle-up"></i></a>
</div><!-- Scroll to top-->
    <!-- ============================
            JavaScript Files
    ============================= -->

    <!-- jquery latest version -->
    <script src="js/vendor/jquery-3.2.0.min.js"></script>
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>  
    <!-- bootstrap js1 -->
    <script src="js/bootstrap.min.js"></script>
    <!-- owl.carousel js1 -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- slick js1 -->
    <script src="js/slick.min.js"></script>
    <!-- meanmenu js1 -->
    <script src="js/jquery.meanmenu.min.js"></script>
    <!-- jquery-ui js1 -->
    <script src="js/jquery-ui.min.js"></script>
    <!-- wow js1 -->
    <script src="js/wow.min.js"></script>
    <!-- counter js1 -->
    <script src="js/jquery.counterup.min.js"></script>
    <!-- Countdown js1 -->
    <script src="js/jquery.countdown.min.js"></script>
    <!-- waypoints js1 -->
    <script src="js/jquery.waypoints.min.js"></script>
    <!-- Isotope js1 -->
    <script src="js/isotope.pkgd.min.js"></script>
    <!-- magnific js1 -->
    <script src="js/jquery.magnific-popup.min.js"></script>
    <!-- Image loaded js1 -->
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <!-- chossen js1 -->
    <script src="js/chosen.jquery.min.js"></script>  
    <!-- Jquery plugin -->
    <script src="js/plugins.js"></script>
    <!-- select2 js1 plugin -->
    <script src="js/select2.min.js"></script>    
    <script src="js/colors.js"></script>
    <!-- Jquery plugin -->
    <script src="js/jquery-customselect.js"></script>
    <!-- main js1 -->
    <script src="js/custom.js"></script>
</body>
</html>
